body { margin:0px 0px 0px 0px;	background-image: ; background-size: height=100%; border: inset 4px;}
#container { margin:0px; background-color: #ffffff;	color: #006600;	min-width: 600px; font-family: Verdana, Arial, sans-serif; }
#header {height: 100px; background: radial-gradient(white, #17A0A0); color: #cc66cc;	text-align: right;	padding: 0 40px 0 20px;	border-bottom: 2px solid #000000; min-width:600px;}

#sidebar { float: right;	width: 350px; }

.centropuzo { margin: 0 100px 0 20px;	padding: 1px 10px 10px 10px;	background-color: #ffffff;	color: #006600; }

#center { margin: 0 100px 0 220px;	padding: 1px 10px 10px 10px;	background-color: #ffffff;	color: #006600; }
#center-2 { margin: 0 100px 0 220px;	padding: 1px 10px 10px 10px;	background-color: #ffffff;	color: #006600; }
#centero { margin: 0 0px 0 0px;	padding: 1px 10px 10px 10px;	background-color: #ffffff;	color: #000000; background-image: url('Foto/i.webp');
	background-position: top;	background-repeat: no-repeat;  background-size: 100%; background-attachment: fixed;}
#centera { margin: 0 50px 0 220px; background-color: #ffffff;	color: #006600; }

#footer { font-size: .70em;	text-align: center;	color: #006600;	background-color: #ffffff;	padding-top: 10px;	clear:both; }
h1 { margin-top: 0; margin-bottom: 0; font-family: Monotype Corsiva;	font-size: 5em;	text-align: left;	text-shadow: 2px 2px 2px #5700A9; }
#header a {font-size: 0.80em; }
#header a:link, 	#header a:visited 	{ color: #ffffff; }
#header a:focus, 	#header a:hover 	{ color: #eeeeee; }


#nav { float: left;	width: 190px; border: solid; border-radius:0px 0 17px 0; box-shadow:5px 5px 6px -2px #828282; 
		padding-bottom:0px; margin-right: 20px; background:#C5EED0;}
#nav ul 	{ margin-top: 20px; margin-left: -40px;	list-style-type: none; }
#nav a 		{ display: block; text-decoration: none; }
.navknop-1	{ font-size: 19px; font-weight: 600; padding: 7px; margin: 4px; }
.navknop-2	{ font-size: 19px; font-weight: 600; padding: 7px; margin: 4px; }
#nav a:link { color:#006600; }
#nav a:visited { color: #003300; }
#nav a:focus, #nav a:hover { color: #cc66cc;  }
#nav a:active { color: #000000; }
#nav img { margin: 0px;}







#center p { margin: 30px; }
#center-2 p { margin: 30px; }

#center h2, #center h3 { color: #cc66cc;	background-color: #FFFFA0; margin-bottom:-3px; }
#center-2 h2, #center-2 h3 { color: #cc66cc;	background-color: #FFFFA0; margin-bottom:-3px; }

#floatright {margin: 10px;	float: right; }
#sidebar h3 { padding-bottom: 2px;	border-bottom: 1px solid #000000;	margin: 10px;	font-size: 0.90em;	color: #cc66cc;}
.news { font-size: 0.80em;	margin: 10px; }

#nalin {background:#E7E7E7; padding: 2px 0px 0px 0px; border: solid 0px white;}
#nalin ul { list-style-type: none; margin-top:20px;  }
#nalin li { display: inline; }
#nalin a { background:#E7E7E7; text-decoration: none;  padding:17px; border: solid; border-bottom:solid 1px; border-radius:7px 7px 0 0; box-shadow:3px -5px 2px 2px #828282; }

#naw { float: left;	width: 190px; }
#naw ul 	{ margin-top: 20px; margin-left: -40px;	list-style-type: none; }
#naw a { display: block; background: #F5C703; text-decoration: none; font-size: 1.2em;  }
#naw a:link { color:#006600;}
#naw a:visited { color: #003300; }
#naw a:focus, #naw a:hover { color: #cc66cc; }
#naw a:active { color: #000000;}
#naw img { margin: 0px;}

#aside1 { float: left;	width: 190px; border: solid; border-top:none; border-radius:0px 0 20px 0; margin-top: -10px; margin-left: -3px; background:#C5EED0;
box-shadow: 5px 5px 6px -2px #828282; }
@media screen and (orientation: landscape) {#aside1 {width: 100%}}

#aside1 ul 	{ margin-top: -5px; margin-left: -40px;	list-style-type: none; }
#aside1 a { display: block; text-decoration: none; padding: 7px; margin: 2px; }
#aside1 a:link { color:#006600;}
#aside1 a:visited { color: #003300; }
#aside1 a:focus, #aside1 a:hover { color: #cc66cc; }
#aside1 a:active { color: #000000;}
#aside1 img { margin: 0px;}



.abz-1		{text-indent:24px; text-align: justify;}
.abz-2		{text-indent:20px; text-align: left;}
.abz-3		{text-indent:20px; text-align: left;}


.text-black {color: black; font-size: 20px;}

.figura 	{border: solid 1px; border-radius:14px; box-shadow:5px 5px 6px -2px #828282; width:150px; height: 170px; margin: 20px; text-align: center; background: rgba(255,255,255, 0.4);}
.figura2 	{border: solid 1px; border-radius:14px; box-shadow:5px 5px 6px -2px #828282; width:150px; height: 200px; margin: 20px; text-align: center; background: rgba(255,255,255, 0.4);}
.figura3 	{border: solid 1px; border-radius:14px; box-shadow:5px 5px 6px -2px #828282; width:150px; height: 180px; margin: 20px; text-align: center; background: rgba(255,255,255, 0.4);}
.figura4 	{border: solid 1px; width:150px; height: 170px; margin: 10px; text-align: center;}
.figura5 	{border: solid 1px; width:100px;  }
.figura6 	{border: 0;  height:300px;  position: absolute; top:166px;}
.figura7 	{border: solid 1px; width:90px;  }
.figura8 	{border: 0;  height:330px;  position: absolute; top:166px;}
.figura9 	{border: 0;  height:270px;  position: absolute; top:166px;}
.figura16 	{border: solid 1px; width:150px;  }
.figura17 	{border: solid 1px; width:250px; float: left; margin: 0px 5px 5px 0px;  }
.figura18 	{ width:30%; float: right; margin: 0px 5px 5px 0px;  }
.figura19 	{ width:14%; float: right; margin: 0px 5px 5px 0px; border: none; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; }
.figura20 	{ width:40%; float: right; margin: 0px 5px 5px 0px; border: none; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; }
.figura21 	{ border: solid 2px #97B9BE; width:99%; border-radius:45%; box-shadow:15px 15px 16px -2px #6E6E6E; margin:1px 10px 1px 1px;}
.figura22 	{ border: solid 2px #97B9BE; width:99%; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; margin:1px 10px 1px 1px;}
.figura23 	{ border: solid 2px #97B9BE; max-width:99%; max-height:250px; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; margin:1px 10px 1px 1px; float: right;}
.figura24 	{ border: solid 2px #97B9BE; max-width:99%; max-height:250px; border-radius:15%; box-shadow:15px 15px 16px -2px #6E6E6E; margin:1px 10px 1px 1px; float: right;}
.figura-inst 	{ width:30px; border-radius:15%;}


.marg-top  {margin-top:302px;}
.marg-top2 {margin-top:352px;}
.marg-lef-1 {margin-left: 30px;}
.marg-lef-2 {margin: 60px;}
.marg-lef-3 {margin-left: 90px;}

.floatleft {float: left;}
.floatright {float: right;}

.fon {background: #C5EEDE}

.font1 		{font-size: 20px; font-weight: 600; margin-top: 10px;}
.font2 		{font-size: 18px; font-weight: 600;}
.font3 		{font-size: 17px; font-weight: 600;}
.font4 		{font-size: 19px; font-weight: 500;}
.font5   	{font-size: 17px; font-weight: 500;}
.font6 		{font-size: 15px; font-weight: 600;}
.font7 		{font-size: 15px; 					}
.font8 		{font-size: 15px; 					}
.font9 		{font-size: 15px; 					}
.font10 		{font-size: 15px; 					}
.font11 		{font-size: 19px; 					}
.font12 		{font-size: 15px; 					}
.font-ogl-1 	{font-size: 18px; font-weight: 600; color: #092134;}
.font-ogl-2 	{font-size: 16px; font-weight: 600; color: #388B00;}
.font-ogl-3 	{font-size: 15px; font-weight: 600; color: #2B6D7D;}
.font-ogl-4 	{font-size: 15px; font-weight: 550; color: #EA4600;}
.font-obyav-1 	{font-size: 32px; font-weight: 600; color: #000000;}
.font-gl-1 	{font-size: 18px; font-weight: 550; color: #000000;}
.font-gl-2 	{font-size: 22px; font-weight: 600; color: #503DA6;}
.font-gl-3 	{font-size: 19px; font-weight: 500; color: #000000; background: rgba(250,250,250,0.5)}
.font-gl-4 	{color:#9A2121;	font-size: 1.2em; font-weight: 600;}
.font-gl-5 	{background: rgba(240,240,240, 0.5); color: #000000;	font-size: 25px; font-family: sans-serif; font-weight: 600; box-shadow:15px 15px 16px -2px #6E6E6E;}

.font-razd 		{font: 5em; text-align: center; color: #000000; font-weight: 600; margin-top: 50px;}

.font12px400 {font-size: 12px; font-weight: 400;}
.font14px500 {font-size: 14px; font-weight: 500;}
.font15px500 {font-size: 15px; font-weight: 500;}
.font16px500 {font-size: 16px; font-weight: 500;}
.font16px600 {font-size: 16px; font-weight: 600;}
.font25px600 {font-size: 25px; font-weight: 600;}

.meg-strok {line-height: 30px;}

.backg1 {background:#F5C703;}
.backg2 {background:#F5913C;}
.backg3 {background: #7FCACA; border: solid 1px; border-color: #276FB8; }
.backg4 {background-image: linear-gradient(70deg, #F5913C, rgba(50,79,79, 0.3),#7FCACA); background-size: height=100%; border: solid 1px; border-color: #276FB8;}
.backg5 {background:radial-gradient(ellipse at 52% 50%, #FFFFFF, #2EDEC1); box-shadow:5px 5px 6px -2px #CC397B; border: solid 1px; border-color: #000000;} 
.backg6 {background-image: linear-gradient(90deg, #F57D14,yellow,#5ABBCA); background-size: height=100%; box-shadow:5px 5px 6px -2px #CC397B;}
.backg7 {background:#70B2B2}
.backg8 {background-image: url('Foto/Sad/Sad 13 index++.jpg'); background-position: top right;	background-repeat: no-repeat;  background-size: 20%;}


.bord-rad 	{border-radius:14px; }
.bord-rad2 	{border-radius:14px 14px 0px 0px;}
.bord-rad21	{border-radius:14px 14px 0px 0px; width:100%;}
.bord-rad3 	{border: inset; border-radius:14px 14px 14px 14px;}
.bord-rad4 	{border: solid 2px; border-color:#97B9BE ; border-radius:14px 14px 14px 14px; margin-bottom:4px; background: #EEEEEE}
.bord-rad5 	{border-radius:14px; box-shadow:15px 15px 16px -2px #6E6E6E; background: rgba(255,255,3, 0.4);}
.bord-rad6 	{border: solid 2px; border-color:#97B9BE ; border-radius:14px 14px 14px 14px; box-shadow:15px 15px 16px -2px #6E6E6E; margin-bottom:4px; background: rgba(93,93,93,0.1)}

.box-sh {box-shadow:5px 5px 6px -2px #828282;}
.box-sh2 {box-shadow:15px 15px 16px -2px #6E6E6E;}
.glav-gal {float:right; max-width: 95%; margin: 15px 1px 5px 25px; text-align: center; border: solid 2px #97B9BE; border-radius:14px; }
.glav-gal-2 {float:right; max-width: 800px; margin: 5px 1px 5px 10px; text-align: left; border: solid 3px #EB1708FF; border-radius:10px; }
.glav-gal-img {max-width:98%; float:left; border-radius:14px; margin: 0px 10px 0px 10px; border: solid 1px #97B9BE;}
.glav-gal-fig {width:97%; background:#78AEE171; float:left; border-radius:14px; margin: 10px 10px 10px 10px; border: solid 2px #91B9BE;}
.glav-new-1 {float: left; border: none; width: 10%; margin-right: 20px;}
.text-sh3 {text-shadow: 4px 4px 4px #C4C4C4;}
.width-obyav-1 {width: 45%; min-width:400px;}

.inst {font-size: 1.6em;}
.opis-sorta { max-width:960px; min-width:460px; background-image: linear-gradient(90deg, #FFD8DF,#FFF0F3,#FFD8DF); background-size: height=100%;}
.orn {height: 15px; background-image: url('Foto1/orn.png'); background-repeat: repeat;  background-size: 4.5%; margin-bottom:3px;}

.transf {-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);}
.transf:hover { background-color: #ccc;
 -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);
-webkit-transition: -webkit-transform .5s linear, 	background-color 1s ease-in;
-moz-transition: 	-moz-transform .5s linear, 		backgroundcolor 1s ease-in;
-o-transition: 		-o-transform .5s linear,		background-color 1s ease-in;
transition: transform .5s linear, background-color 1s ease-in; }

.transf2 {background-image: url('Foto/der s abl.gif');-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);}
.transf2:hover { background-image: url('Foto/der s abl ogr.gif');
 -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);
-webkit-transition: -webkit-transform .5s linear, 	background-color 1s ease-in;
-moz-transition: 	-moz-transform .5s linear, 		backgroundcolor 1s ease-in;
-o-transition: 		-o-transform .5s linear,		background-color 1s ease-in;
transition: transform .5s linear, background-color 1s ease-in; }
.transf2:active { background-image: url('Foto/der s abl.gif'); background-color: #ccc;
 -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);
-webkit-transition: -webkit-transform .5s linear, 	background-color 1s ease-in;
-moz-transition: 	-moz-transform .5s linear, 		backgroundcolor 1s ease-in;
-o-transition: 		-o-transform .5s linear,		background-color 1s ease-in;
transition: transform .5s linear, background-color 1s ease-in; }

#6E6E6E
#verh	{background: white; margin: 16px 3px 0px 2px; border-top: solid 2px;}

@media only screen and (min-device-width: 1200px) 	
{.disne {display: none;}}

.wh1 {width:140px; height:126px;}
.height370 {height: 370px}
.ssilka {width:170px; float: right; }
.ssilka2 {width:120px; float: right;}

#gallery 	{position: relative; }
#gallery ul {list-style-type: none; width: 900px; }
#gallery li { display: inline;float: left; padding: 5px; }
#gallery img {border-style: none; }
#gallery a { text-decoration: none;font-style: italic;color: #333; }
#gallery span {display: none;}
#gallery a:hover span {display: block; position: absolute; top: 10px;left: 400px;text-align: center; }

#gall {  border: solid 2px;
width: 150px;
height:550px;
position: relative; 
padding-top: 50px;
padding-bottom:40px;  
-moz-user-select: none; 
user-select: none; }

#gall img { 
position: absolute; 
top: 1px; 
left: 1px;
  
  
  -webkit-transform: translate(10%, -10%);
  transform: translate(10%, -10%);
  cursor: zoom-in;
  transition: .5s;
}
#gall img:nth-child(n+1) {top: 20px;}
#gall img:nth-child(n+2) {top: 130px;}
#gall img:nth-child(n+3) {top: 240px;}
#gall img:nth-child(n+4) {top: 350px;}


#gall img:focus {
  position: absolute;
  top: 28px;
  left: 118px;
  z-index: 1;
 min-width: 340px;
 
  outline: none;
  pointer-events: none;
}


#gallz {  border: solid 2px;
width: 150px;
height:550px;
position: relative; 
padding-top: 50px;
padding-bottom:40px;  
-moz-user-select: none; 
user-select: none; }

#gallz img { 
position: absolute; 
top: 1px; 
left: 1px;
  
  
  -webkit-transform: translate(10%, -10%);
  transform: translate(10%, -10%);
  cursor: zoom-in;
  transition: .5s;
}
#gallz img:nth-child(n+1) {top: 20px;}
#gallz img:nth-child(n+2) {top: 130px;}
#gallz img:nth-child(n+3) {top: 240px;}
#gallz img:nth-child(n+4) {top: 350px;}


#gallz img:focus {
  position: absolute;
  top: 31px;
  left: 121px;
  z-index: 1;
 
min-width:290px; 
  outline: none;
  pointer-events: none;
}


#gallz16 {border:solid 1px; width: 120px; height:240px; position: relative; padding-top:50px; padding-bottom:40px; -moz-user-select:none; user-select: none;}

#gallz16 img {position: absolute; top: 1px; left: 1px; -webkit-transform: translate(10%, -10%); transform: translate(10%, -10%);
  cursor: zoom-in; transition: .5s;}
 
#gallz16 img:nth-child(n+1) {top: 20px;}
#gallz16 img:nth-child(n+2) {top: 130px;}
#gallz16 img:nth-child(n+3) {top: 240px;}
#gallz16 img:nth-child(n+4) {top: 350px;}
#gallz16 img:focus { position: absolute; top: 29px; left: 86px; z-index: 1; min-width:342px; outline: none; pointer-events: none;}

#back-top {
 position: fixed;
 bottom: 40px;
 right: 40px;
}
#back-top a {
 width: 90px;
 height: 70px;
 color: black;
 display: block;
 background-color: #ddd;
 text-align: center;
 font-size: 20px; font-weight: 600; font: Arial, Helvetica, sans-serif;
 text-decoration: none;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 transition: 0.5s;

 -webkit-border-radius: 50px;
 border-radius: 40px;
 border: solid 1px #828282;
 box-shadow:15px 15px 16px -2px #6E6E6E;
 
}
#back-top a:hover {
 background-color: #777;
}